<template>
  <div class="televisionContainer">
    <TelevisionClass
      v-for="(televisionDetail, index) in televisionList"
      :key="index"
      :televisionDetail="televisionDetail"
      :titleId="televisionDetail.id"
    />
    <div class="bottom">
      <img
        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0a8ffdca71ec6cb520fb4af45ce00fa7.jpg?f=webp"
      />
    </div>
  </div>
</template>

<script>
import { reqTelevisionDetailList } from "@/api";
import TelevisionClass from "./TelevisionClass";
export default {
  name: "Television",
  components: { TelevisionClass },
  data() {
    return {
      televisionList: [],
    };
  },
  methods: {
    async getTelevisionDetailListData() {
      let result = await reqTelevisionDetailList();
      this.televisionList = result.televisionDetail;
      // console.log(this.televisionList);
    },
  },
  mounted() {
    this.getTelevisionDetailListData();
  },
};
</script>

<style scoped lang="less">
.bottom {
  img {
    width: 3.75rem;
    height: 0.4rem;
  }
}
</style>